import Vue from 'vue'
import Vuex from 'vuex'
//导入日志插件
import createLogger from 'vuex/dist/logger'
//导入持久化插件
import createPersistedState from "vuex-persistedstate";

Vue.use(Vuex)


//vuex的特点:
//1.集中管理应用程序的状态
//2.实现多组件通信
//3.vuex是独立于任何组件存在的.
//4.vuex中的数据 刷新会丢失.

export default new Vuex.Store({
  state: {
    collectlist: []
  },
  getters: {
  },
  mutations: {
    collect(state,payload){ //收藏一个店铺
      state.collectlist.push( payload );
      
    },
    cancel_collect(state,payload){ //取消收藏一个店铺
      var index = state.collectlist.findIndex((item)=>{
        return item.mtWmPoiId == payload.mtWmPoiId;
      })
      if( index != -1 ){
        state.collectlist.splice(index,1);
      }
    },
  },
  actions: {
  },
  modules: { //分模块管理state中的数据
    
  },
  //配合其他插件 管理vuex中state内部的数据
  plugins:[ createLogger(),createPersistedState() ]
})
